<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript"	src="<c:url value="/assets/js/ezops/profitlossreport.js" />"></script>
<script type="text/javascript">
	$(document).ready(function(){
		 /**
         * To handle left menu toggle on page load
         */
    	$('#reports_li').addClass('root-level has-sub opened');
    	$('#reports_li_ul').toggle('click').addClass('visible');
    	$('#reports_li_ul').attr('style','');
        $('#reports_li_ul_li_' + 2).attr('style','font-weight: bold;');
	});
</script>
<div class="row">
	<div class="col-md-12">
		<div class="row">
			<div class="report-search">
				<div class="col-sm-6"></div>
				<div class="col-sm-6">
					<div class="row">
						<div class="col-sm-2"></div>
						<div class="col-sm-5">
							<label id="dateprint"> Reports as of : <span>${asofdate}</span></label>
							<!-- -------------------------- -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="row reports">
			<div class="col-lg-12 col-sm-12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<div class="panel-title">Profit & Loss</div>
						<div class="panel-options">
							<a id="downloadbut" href="assets/sampledata/P-LReport.csv"
								type="button" class="bg" data-toggle="" data-placement="top"
								title="Download Report As Csv" data-original-title=""> <i
								class="entypo-download"></i>
							</a> <a data-target="#ProfitLossModel" type="button" class="bg"
								data-toggle="modal" data-placement="top"
								title="View Detailed Report" data-original-title=""> <i
								class="entypo-doc-text-inv"></i>
							</a> <a href="#" data-rel="reload" class="bg"><i
								class="entypo-arrows-ccw"></i></a>
							<!-- Single button -->
							<div class="btn-group">
								<a class="btn btn-sm bg btn-white dropdown-toggle"
									data-toggle="dropdown"> <i class="entypo-cog"></i>
								</a>
								<ul class="dropdown-menu" role="menu">
									<li class="divider"></li>
									<li><a href="#"> <input type="checkbox"> Allow
											auto refresh
									</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="panel-body no-padding">
						<div id="areachart"
							style="min-width: 210px; width: 100%; height: 300px; margin: 0 auto">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>